/*监测部分*/
.monitor{margin-left: 2%;margin-top:10px;border: 1px solid #ccc;}

.search_form{padding-right: 20px;margin: 10px;}
.search_form label{font-size: 14px;color: #333;}
.search_form option{width: 60px;height: 20px;}

.pdu_monitor{margin-top: 10px;}

.chart_header{overflow: hidden;}
.button_div{float: right;margin-right: 20px;}
.button_div span{margin-right: 16px;font-size: 12px;color: #414141}
.button_div a{margin-right: 20px;}
.button_div button{height: 26px;font-size:12px;padding:4px;background-color: #4A8BC2;border: none;border-radius: 4px;color: #222;font-weight: 800;}

.open{width: 30px;}

.other_data{float:left;margin-left: 3%;}
.other_data span{margin-right: 16px;font-size: 12px;font-weight: 800;color: #333;}

/*主页的电能历史记录页码*/
#power_history_page{text-align: center;margin-top: 20px;}
#power_history_page button{background-color: dodgerblue;padding: 4px 8px 4px 8px;margin-right: 20px;}
#power_history_page span{font-size: 14px;font-weight: 800;color: white}

/*折线图*/
#monitor_chart ul{overflow: hidden;margin-top: 20px;}
#monitor_chart ul li{text-align: center;float: left;width: 45%;border: 1px solid white;margin-left: 3%;background-color: #fff;margin-bottom: 20px;}

#power_history{display: none;}
#monitor_chart ul li span{font-size: 14px;font-weight: 800;color: #414141;}


/*电源页的历史数据页码*/
#outlet_page{text-align: center;margin-top: 20px;}
#outlet_page button{background-color: dodgerblue;padding: 4px 8px 4px 8px;margin-right: 20px;margin-bottom: 20px;}
#outlet_page span{font-size: 14px;font-weight: 800;color: white}

/**设备管理页**/
.equipment ul{margin-top: 20px;}
.equipment ul li{width: 30%;background: #ccc;margin-left: 3%;text-align: center;padding-top: 10px;padding-bottom: 10px;}

.equipment ul li span{font-size: 14px;font-weight: 800;color: #333;}

.equipment ul li form label{font-size: 12px;font-weight: 800;color: #333;}
.div1 select{width:40%;height: 24px;}
.div2 input{width:40%;height: 24px;}

.div2 select{width:40%;height: 24px;}

.div1,.div2,.div3{margin-top: 20px;}
.div3 input{padding: 2px;font-weight: 800;color: #333;}


/*软件升级*/
#progressOne{width:80%;height: 30px;background-color: #95CA0D;}
#Status{word-break:break-all;color: green;margin-top: 10px;}
#res_upload{padding: 3px;margin-right: 20px;}
#stop_upload{padding: 3px;margin-right: 20px;}
#upload_progress{display:none;background-color:#E4F2E5;position: absolute;top: 40%;left: 5%;z-index: 9999;width: 90%;padding: 10px;text-align: center}


/**网络管理**/
.internet ul{overflow: hidden;margin-top: 20px;}
.internet ul li{float: left;width: 46%;background: #ccc;margin-left: 3%;text-align: center;padding-top: 10px;padding-bottom: 10px;}

.internet ul li span{font-size: 14px;font-weight: 800;color: #333;}
.internet ul li form label{font-size: 12px;font-weight: 800;color: #333;}

.div3 select{width:20%;height: 24px;margin-right: 35%;}
.div4 input{width:55%;height: 24px;}


.div4 a{font-size: 14px;color:white;padding: 2px;background-color: #1E71B1;margin-left: 8px;}

.div3,.div4,.div5{margin-top: 20px;}
.div5 input{padding: 2px;font-weight: 800;color: #333;}

.internet_data{text-align: right;margin-right: 20%;}

/**用户管理**/
.add{width:60px;height: 24px;position: absolute;top: 10px;right: 10%;}

/*新增用户*/
#add{width: 30%;background: white;padding:10px;position: absolute;top: 100px;left: 40%;display: none;}
.add_admin{width: 70%;margin: auto 0;text-align: right;}
.add_admin label{font-size: 12px;font-weight: 800;}
#add span{font-size:14px;font-weight: 800;}

.add_admin input{width: 60%;height:22px;margin-top: 20px;}
.add_sub{text-align: center;}
.add_sub input{width: 15%;margin-top: 20px;margin-right: 30px;}


/*编辑用户*/
#edit{width: 30%;background: white;padding:10px;position: absolute;top: 100px;left: 40%;display: none;}
.edit_admin{width: 70%;margin: auto 0;text-align: right;}
.edit_admin label{font-size: 12px;font-weight: 800;}
#edit span{font-size:14px;font-weight: 800;}

.edit_admin input{width: 60%;height:22px;margin-top: 20px;}
.edit_sub{text-align: center;}
.edit_sub input{width: 15%;margin-top: 20px;margin-right: 30px;}

/*插座的电能历史记录*/
#el_his{width:96%;z-index:999;position: absolute;top: 10px;left: 2%;background-color: #ccc;padding: 10px;display: none;}
#el_his table{width:100%;font-size:12px;color:#333333;border:1px solid #F4F4F4;border-collapse: collapse;text-align: center;margin-bottom: 20px;}
#el_his table th{border:1px solid #a9c6c9;padding: 6px;background-color: #C3DDE0;}
#el_his table td{border:1px solid #a9c6c9;padding: 4px;background-color: #D4E3E5;}

/*电源行程预约*/
#appointment{width:96%;z-index:999;position: absolute;top: 10px;left: 2%;background-color: #ccc;padding: 10px;display: none;}
#appointment table{width:100%;font-size:12px;color:#333333;border:1px solid #F4F4F4;border-collapse: collapse;text-align: center;margin-bottom: 20px;margin-top: 10px;}
#appointment table th{border:1px solid #a9c6c9;padding: 6px;background-color: #C3DDE0;}
#appointment table td{border:1px solid #a9c6c9;padding: 4px;background-color: #D4E3E5;}


#appointment_form label{margin-left: 10px;color: #fff}
#appointment_form select{width:10%;height: 24px;margin-top: 10px;background-color: antiquewhite;color: #666}
#appointment_form input{height: 24px;margin-top: 10px;background-color: antiquewhite;}
#appoint_sub{width: 60px;height: 28px;background-color: antiquewhite;margin-left: 10px;font-weight: 800;}
